<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="./css/css.css"/>
	</head>
	<body>
		<!-- 导航栏 -->
		<div id="top">
			<div class="container">
				<div class="logo" style="float: left;margin-right:0px ">
					<img src="./img/winter_tree.png">
				</div>
				<div class="title">
					<ul>
						<m>针不戳</m>
					</ul>
				</div>
				<div class="index">
					<ul>
						<li class="top_sub" style="background-color: #04c3e0;"><a href="" class="link"><n>主页</n></a></li>
						<li class="top_sub"><a href="" class="link1"><n>个人中心</n></a></li>
						<li class="top_sub"><a href="" class="link1"><n>发布投稿</n></a></li>
					</ul>
				</div>
				<div class="login">
					<ul>
						<li>
							<img src="./img/登录.png" style="width: 20px;">
							<a href=""><n>登录</n></a>
						</li>
						<li>
							<n>/</n>
						</li>
						<li>
							<a href=""><n>注册</n></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 内容部分 -->
		<div id="massage">
		<!-- 分区部分 -->
		<div id="header">
			<div class="container">
				<ul>
					<li class="head_sub" style="background-color: #b6f2fa;">
						<img src="./img/首页.png" style="left: 27px;top: 11px;">
						<n>综合</n>
					</li>
					<li class="head_sub">
						<img src="./img/作品.png" style="left: 11px;top: 12px;">
						<n>失物招领</n>
					</li>
					<li class="head_sub">
						<n>闲置转让</n>
						<img src="./img/贷款.png" style="left: 10px;top: 13px;">
					</li>
					<li class="head_sub">
						<n>提问</n>
						<img src="./img/问题支持.png" style="left: 26px;top: 14px;">
					</li>
					<li class="head_sub">
						<n>表白</n>
						<img src="./img/收藏.png" style="width: 30px; left: 26px;top: 10px;">
					</li>
					<li class="head_sub">
						<n>组队</n>
						<img src="./img/用户群组.png" style="width: 27px;left: 26px;top: 11px;">
					</li>
					<li class="head_sub">
						<n>吐槽</n>
						<img src="./img/问答.png" style="width: 23px;left: 26px;top: 14px;">
					</li>
				</ul>
			</div>
		</div>
		<!-- 投稿部分 -->
		<div id="main">
			<div id="main_left">
				<div class="main_massage">
					
				</div>
				<div class="main_massage">
					
				</div>
				<div class="main_massage">
					
				</div>
			</div>
			<div id="main_right">
				<div class="main_massage">
					
				</div>
				<div class="main_massage">
					
				</div>
				<div class="main_massage">
					
				</div>
			</div>
		</div>
		</div>
	</body>
</html>
